<!doctype html>
<html>
<head>
	<title>爱旅网，去你想去的地方</title>
	<meta charset="utf-8"> 
	<link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css">
	<script src="http://cdn.bootcss.com/jquery/2.1.1/jquery.min.js"></script>
	<script src="http://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
	<style type="text/css">

		.item{
			width: 100%;height: 440px;
		}
		.img{
			width: 100%;height: 5440px;
		}

		.header_content{height:230px;width:100%;}
		.header_logle{width:100%;height:60px;background: url({$url}) no-repeat top center;}
		.header_login{width:100%;height:29px;text-align: center;line-height: 29px;background: #f8f8f8;}
		.header_search{width:1519.2px;height: 100px;}
		.menu_panel{width:100%;height:40px;line-height: 40px;text-align: center;background: #2DBB55;}
		.tn_banner_left{position: absolute;left:136px;width: 100px;height:430px;top:5px;background:red;z-index: 100;}
		.tn_banner_right{position: absolute;right:136px;width: 100px;height:430px;top:5px;background:red;z-index: 100;}
		.carousel-indicators{width:720px;height:18px;left:58%;}
		#carousel_indicators_li{width:86px;height:18px;border-radius: 0px;text-align: center;}
		.header_inner{width:100%;height:0px;}
		.index_top_nav{width:1190px;height:0px;margin-bottom: 0px;}
		.nav_right{width:631px;height:29px;list-style: none;float:right;line-height: 29px;}
		.index_top_nav li{float:left;display:inline;padding: 0 12px;position:relative;height:30px;line-height: 30px;z-index: 9999;overflow: visible;}
		.index_top_nav li a{line-height: 29px;font-size: 12px;}
		.aimg{height:29px;}
		.nav_right li{float:left;display:inline;padding: 0 12px;position:relative;height:29px;line-height: 29px;z-index: 9999;padding: 0 12px;}
		.nav_right li a{line-height: 29px;font-size: 12px;}
		.aimg{height:29px;}
		.logodiv{width:100px;height:100px;background: red;float:left;}
		.addressdiv{width:100px;height:100px;float:left;}
		.advisoryphone{width:295px;height:77px;background: purple;float:right;margin-top: 7px;}
		.searchdiv{width:492px;height:36px;margin-top: 30px;margin-left: 10px;float:left;}
		.child{margin:0px;position: relative;border:3px solid #FF8800;}
		.button_search{float:right;width: 65px;height:33px;background: #FF8800;border:none;}
		.inputwhere{width:327px;height:30px;padding:3px 0 3px 3px;border:transparent;}
		.inputdiv{width:486px;height:30px;}
		.allgoods{width:90px;height:30px;background:#F8F8F8 ;display: inline-block;padding-left: 15px;border-right:1px solid #E5E5E5;}
		.tn_s_input{width:322px;height:30px;float:right;}
		.goodsspan{width:30px;height:74px;line-height: 30px;}
		.updownshow{width:8px;height:8px;position:relative;background: green;left:60px;top:-18px;}
		.allgoodshow{width:88px;height:330px;position:relative;left:-16px;top:-8px;z-index: 100;display: none;}
		.type_s{width:89px;height:30px;padding-left: 15px;font-size: 12px;color:#999;background: #fff;text-align:left;line-height: 30px;border-top: 1px solid #efefef;}
		.type_s:hover{color:#333;background:#efefef ;}
		.menu_list{width:1190px;height:40px;list-style: none;margin:0px auto;padding: 0px;text-align: center;}
		.hasSubNav{font-size:16px ;float:left;position:static;}
		.hasSubNav a{font-size: 16px;padding:0px 11px;height:40px;cursor:pointer;color:#fff;line-height: 40px;text-decoration: none;}
		.firstchildli{background: #11A13A;}
		.hasSubNav:hover{background: #4ECF5B;}
		.hasSubNavdiv{height:40px;background: #fff;list-style: none;position:absolute;overflow: hidden;top:230px;z-index: 666;width: 100%;left:0px;color: #000;display: none;}
		.hasSubNavdiv a{color:#000;}
		.bodyer{width:100%;overflow: auto;}
		.goodnavgate,.main_bottom{width:81.15%;margin:0 auto;}
		.goodnavgate{height:206px;margin-top: 25px;}
		.goodshowdiv{height: 206px;width:100%;float: left;}
		.Seasonhotplay{height:300px;background: yellow;}
		.main_bottom{height:400px;margin:30px auto 20px auto;}
		.goodshowdivnav{width:100%;overflow: auto;}
		.goodshowdivnav ul{list-style: none;overflow: auto;margin:0px;padding: 0px;}
		.goodshowdivnav ul li{float:left;width:100px;height:30px;line-height: 30px;text-align: center;}
		.goodshowdivcon{width:100%;overflow: visible;}
		.goodshowdiv_con{width:100%;height:175px;}
		.goodshowcontent{width:80%;height:175px;position:absolute;top:0px;top:0px;display: none;z-index: 111;}
		.goodshowcontent:first-child{display: block;}
		.goodshowcontent:last-child{}
		.picturewriteplay,.picturewriteplane{width:24%;height:175px;float:left;line-height: 175px;text-align: center;margin-right: 1%;border:1px #ccc solid;}
		.picturedivplay,.picturedivplane{width: 50%;height:175px;}
		.writerdivplay,.writerdivplane{width:50%;height:175px;}
		.picturedivplay,.writerdivplay,.picturedivplane,.writerdivplane{float:left;}
		.picturedivplay img,.picturedivplane img{width:100%;height:172px;display: block;}
		.sportname,.sportpriceplay,.planename,.planeprice{width: 100%;height: 87px;line-height: 87px;}
		.planeaddress{width:100%;height:30px;text-align:center;background:#8ECD97;line-height: 30px;color:#fff;text-decoration: none;}
		.planeaddressa{text-decoration: none;display: block;}
		.planeintroadd,.planeintrodate,.planepathprice{width:100%;height:40px;line-height: 40px;}
		.corporation{border-bottom: 2px solid #666666;width:100%;height:40px;line-height: 40px;font-size: 1.5em;}
		.tourism_wrap{width:100%;height:212px;padding: 30px 0px 20px 0px;position:relative;overflow: hidden;}
		.tourism_wrap_inner{width:100%;height:170px;overflow: hidden;position: relative;}
		.tourism_list{width: 100%;position:absolute;list-style: none;padding: 0px;overflow: auto;}
		.tourism_list li{width:11% ;height:90px;float: left;text-align: center;line-height: 90px;}
		.corporationdiv{width: 100%;height:44px;line-height: 44px;text-align: center;}
		.corporationdiv a img{width:100%;height:44px;display: block;}
		.letterdiv{width:100%;height:18px;line-height: 18px;margin:0px;text-align: center;display: block;}
		.three_trav{width:100%;height:62px;background: #61CA6E;}
		.thr_trav{width: 81.4%;height:62px;margin:0 auto;position:relative;padding: 0px;}
		.thr_trav a{width:100%;height:100%;display: block;}
		.carousel-indicators li{text-indent: 0px;color:#01A4EB;font-size: 0.1em;}
		.goodshowlist{width:100%;height:600px;background: red;}
	</style>
</head>
<body>
	<div class='header'>
		<div class='header_content'>
			<div class='header_logle'>
				<a href="">
					
				</a>
			</div>
			<div class='header_login'>
				<div class='header_inner clearfix'>
					<ul class='index_top_nav'>
						<if condition="($info['success']=='0')">
							<li><a href="">{$info['data'][0]['name']}</a></li>
							<li><a href="{:U('Index/Pclogin?index=0')}">退出</a></li>
						<else/> 
							<li><a href="{:U('Index/Pclogin?index=0')}">登陆</a></li>
							<li><a href="{:U('Index/Pclogin?index=1')}">注册</a></li>
						</if>
						
						<li><a href=""><img class='aimg' src="http://img4.tuniucdn.com/img/2017020818/common/registgift.gif"></a></li>
					</ul>
					<ul class='index_top_nav nav_right'>
						<li><a href="">爱侣商旅</a></li>
						<li><a href="">旅游百货</a></li>
						<li><a href="">企业旅游</a></li>
						<li><a href="">会员俱乐部</a></li>
						<li><a href="">我的订单</a></li>
						<li><a href="">网站地图</a></li>
						<li><a href="">1</a></li>
						<li><a href="">2</a></li>
						<li><a href="">3</a></li>
						<li><a href="">4</a></li>
					</ul>
				</div>
			</div>
			<div style='width:1519.2px;height: 100px; border: 1px solid transparent;margin:0 auto;'>
				<div style='width:1190px;height:100px;position:relative;margin:0 auto;'>
					<!-- <div class='advisoryphone' style="border: 2px solid navajowhite"></div> -->
					<div style="width:100px;height:100px;float:left;"></div>
					<div class='addressdiv'></div>
					<div class='searchdiv'>
						<div class='searchdiv child'>
							<a class='button_search'>
								<img src="Public/Img/button.png" style='width:65px;height:33px;'>
							</a>
							<div class='inputdiv'>
								<div class='allgoods dropdown'>
									<span class='goodsspan' data-toggle="dropdown" style='fontsize:12px;color:#999;'>所有商品</span>
									<div class='updownshow'></div>
									<div class='allgoodshow'>
										<volist name='goodinfolist' id='goodinfolistaa'>
										 	<div class="type_s">{$goodinfolistaa['catename']}</div>
										</volist>
									</div>
								</div>
								<p class="tn_s_input">
									<input class='inputwhere' type='text' name='placewhere'>
								</p>
							</div>
						</div>
					</div>
					<!-- <a href="" style='width:48px;height:17.6px;float:right;'></a>
					
					 -->						
				</div>	
			</div>
			<div class='menu_panel'>
				<ul class='menu_list'>
					<li class='hasSubNav firstchildli'><a href="">首页</a></li>
					<volist name='goodinfolist' id='goodinfolist'>
						<li class='hasSubNav'>
							<a href="">{$goodinfolist['catename']}</a>
							<div class='hasSubNavdiv'>
								<a href="">国内跟团</a>
								<a href="">组队跟团</a>
								<a href="">单个跟团</a>
								<a href="">牛人专线</a>
							</div>
						</li>
					</volist>
					<li class='hasSubNav'>
						<a href="">其他</a>
						<div class='hasSubNavdiv'>
							<a href="">其他</a>
							<a href="">其他</a>
							<a href="">其他</a>
						</div>
					</li>
					
				</ul>
			</div>
		</div>
	</div>
	<div class='bodyer'>
		<div id="myCarousel" class="carousel slide">
			<ol class="carousel-indicators">
				<li data-target="#myCarousel" data-slide-to="0" class='active' style='width:100px;height:18px;border-radius: 0px;text-align: center;'>
					{$result['data'][0].sportitem}
				</li>
				<volist name="restcell" id="kwlist">
					<li data-target="#myCarousel" data-slide-to="{$key+1}" style='width:100px;height:18px;border-radius: 0px;text-align: center;'>
						{$kwlist.sportitem}
					</li>
				</volist>
			</ol>  
			<!-- 轮播（Carousel）项目 -->
			<div class="carousel-inner">
				<div class="item active">
					<a href="index.php/Home/Index/viewdetail?picture=__ROOT__/thinkphp5/thinkphp/public{$result['data'][0].photourl}"><img class='img' src="__ROOT__/thinkphp5/thinkphp/public{$result['data'][0].photourl}" alt="{$result['data'][0].sportitem}"></a>
				</div>
				<volist name="restcell" id="kwlist">
					<div class="item">
						<a href="index.php/Home/Index/viewdetail?picture=__ROOT__/thinkphp5/thinkphp/public{$kwlist.photourl}"><img class='img' src="__ROOT__/thinkphp5/thinkphp/public{$kwlist.photourl}" alt="{$kwlist.sportitem}"></a>
					</div>
				</volist>
			</div>
			<!-- 轮播（Carousel）导航 -->
			<a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
				<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
				<span class="sr-only">Previous</span>
			</a>
			<a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
				<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
				<span class="sr-only">Next</span>
			</a>
		</div>
		<div class='goodnavgate'>
			<div class='goodshowdiv'>
				
				<div class='goodshowdivnav'>
					<ul>
						<volist name='resultmo' id='resultmo'>
						<li class='goodshowli'>{$key}</li>
						</volist>
						<!-- <li class='goodshowli'>特价机票</li> -->
						
						<!-- <li class='goodshowli'>旅游分期</li>
						<li class='goodshowli'>特价机票</li>
						<li class='goodshowli'>特价酒店</li> -->
					<!-- 	<li><a href="index.php/Home/Index/viewdetail?picture=">测试</a></li> -->
					</ul>
				</div>
				<div class='goodshowdivcon'>
					<div class='goodshowdiv_con'>
						<div style='position:relative;'>
							<div class='goodshowcontent'>
								<volist name='resultmoaa' id='resultmo'>
									<if condition="$key =='超值套餐'">
										<volist name='resultmo' id='resultmoa'>
											<div class='picturewriteplay'>
												<div class='picturedivplay'>
													<img src="__ROOT__/thinkphp5/thinkphp/public{$resultmoa['singleinfo'][0]['picurl']}">
												</div>
												<div class='writerdivplay'>
													<div class='sportname'>
														{$resultmoa['singleinfo'][0]['name']}
													</div>
													<div class='sportpriceplay'>
														￥ <span>{$resultmoa['singleinfo'][0]['price']}</span>元
													</div>
												</div>
											</div>
										</volist>
									</if>
								</volist>
								
							</div>
							<div class='goodshowcontent'>
								<volist name='resultmoaa' id='resultmo'>
									<if condition="$key =='超值机票'">
										<volist name='resultmo' id='resultmoa'>
											<div class='picturewriteplane'>
												<a href="" class='planeaddressa'>
													<div class='planeaddress'>
													{$resultmoa['airname']}
													</div>
												</a>
												<p class='planeintroadd'><span>{$resultmoa['singleinfo'][0]['startplace']}</span><span>---></span><span>{$resultmoa['singleinfo'][0]['endplace']}</span></p>
												<p class='planeintrodate'><span>日期:</span><span>{$resultmoa['singleinfo'][0]['flytime']}</span></p>
												<p class='planepathprice'><span>单程:</span><span>￥</span><span>{$resultmoa['singleinfo'][0]['price']}</span></p>
											</div>
										</volist>
									</if>
								</volist>
								
							</div>
							<!-- <div class='goodshowcontent'>旅游分期</div>
							<div class='goodshowcontent'>特价机票</div>
							<div class='goodshowcontent'>特价酒店</div> -->
							
						</div>
						<div style='float:right;width:20%;height:175px;display: block;'>
							今日热点
						</div>
					</div>
				</div>
				
			</div>
		</div>

		<!-- 跟团走 -->
		
		<!-- <volist name='goodinfolist' id='goodinfolistaa'>
		 	<div class="goodshowlist">{$goodinfolistaa['goodname']}</div>
		</volist> -->
		
		<div class='main_bottom'>
			<div class='corporation'>旅游局合作</div>
			<div class='tourism_wrap'>
				<div class='tourism_wrap_inner'>
					<ul class='tourism_list clearfix datalazyload'>
						<li>
							<div class='corporationdiv'>
								<a href="">
									<img src="http://img1.tuniucdn.com/u/v1/common/footer/img/lvyouju/Liuzhou.jpg">
								</a>
							</div>
							<p class='letterdiv'>nihao1</p>
						</li>
						<li>
							<div class='corporationdiv'>
								<a href="http://www.tuniu.com/g705/guide-0-0/">
									<img src="http://img.tuniucdn.com/u/mainpic/lvyouju/Guilin.jpg">
								</a>
							</div>
							<p class='letterdiv'><a href="http://www.tuniu.com/g705/guide-0-0/">
									桂林市旅发布
								</a></p>
						</li>
						<li>
							<div class='corporationdiv'>
								<a href="http://www.tuniu.com/zt/yiselie/">
									<img src="http://img2.tuniucdn.com/site/file/zt/public/images/yiselie.jpg">
								</a>
							</div>
							<p class='letterdiv'><a href="http://www.tuniu.com/zt/yiselie/">
									以色列旅游局
								</a></p>
						</li>
						<li>
							<div class='corporationdiv'>
								<a href="http://www.tuniu.com/zt/hainan2015/">
									<img src="http://img2.tuniucdn.com/site/file/zt/public/images/hainan.jpg">
								</a>
							</div>
							<p class='letterdiv'><a href="http://www.tuniu.com/zt/hainan2015/">海南省旅游局</a></p>
						</li>
						<li>
							<div class='corporationdiv'>
								<a href="">
									<img src="http://img1.tuniucdn.com/u/v1/common/footer/img/lvyouju/Liuzhou.jpg">
								</a>
							</div>
							<p class='letterdiv'>nihao5</p>
						</li>
						<li>
							<div class='corporationdiv'>
								<a href="">
									<img src="http://img1.tuniucdn.com/u/v1/common/footer/img/lvyouju/Liuzhou.jpg">
								</a>
							</div>
							<p class='letterdiv'>nihao6</p>
						</li>
						<li>
							<div class='corporationdiv'>
								<a href="">
									<img src="http://img1.tuniucdn.com/u/v1/common/footer/img/lvyouju/Liuzhou.jpg">
								</a>
							</div>
							<p class='letterdiv'>nihao7</p>
						</li>
						<li>
							<div class='corporationdiv'>
								<a href="">
									<img src="http://img1.tuniucdn.com/u/v1/common/footer/img/lvyouju/Liuzhou.jpg">
								</a>
							</div>
							<p class='letterdiv'>nihao8</p>
						</li>
						<li>
							<div class='corporationdiv'>
								<a href="">
									<img src="http://img1.tuniucdn.com/u/v1/common/footer/img/lvyouju/Liuzhou.jpg">
								</a>
							</div>
							<p class='letterdiv'>nihao9</p>
						</li>
						<li>
							<div class='corporationdiv'>
								<a href="">
									<img src="http://img1.tuniucdn.com/u/v1/common/footer/img/lvyouju/Liuzhou.jpg">
								</a>
							</div>
							<p class='letterdiv'>nihao10</p>
						</li>
						<li>
							<div class='corporationdiv'>
								<a href="">
									<img src="http://img1.tuniucdn.com/u/v1/common/footer/img/lvyouju/Liuzhou.jpg">
								</a>
							</div>
							<p class='letterdiv'>nihao11</p>
						</li>
						<li>
							<div class='corporationdiv'>
								<a href="">
									<img src="http://img1.tuniucdn.com/u/v1/common/footer/img/lvyouju/Liuzhou.jpg">
								</a>
							</div>
							<p class='letterdiv'>nihao122</p>
						</li>
						<li>
							<div class='corporationdiv'>
								<a href="">
									<img src="http://img1.tuniucdn.com/u/v1/common/footer/img/lvyouju/Liuzhou.jpg">
								</a>
							</div>
							<p class='letterdiv'>nihao13</p>
						</li>
						<li>
							<div class='corporationdiv'>
								<a href="">
									<img src="http://img1.tuniucdn.com/u/v1/common/footer/img/lvyouju/Liuzhou.jpg">
								</a>
							</div>
							<p class='letterdiv'>nihao14</p>
						</li>
						<li>
							<div class='corporationdiv'>
								<a href="">
									<img src="http://img1.tuniucdn.com/u/v1/common/footer/img/lvyouju/Liuzhou.jpg">
								</a>
							</div>
							<p class='letterdiv'>nihao15</p>
						</li>
						<li>
							<div class='corporationdiv'>
								<a href="">
									<img src="http://img1.tuniucdn.com/u/v1/common/footer/img/lvyouju/Liuzhou.jpg">
								</a>
							</div>
							<p class='letterdiv'>nihao16</p>
						</li>
						<li>
							<div class='corporationdiv'>
								<a href="">
									<img src="http://img1.tuniucdn.com/u/v1/common/footer/img/lvyouju/Liuzhou.jpg">
								</a>
							</div>
							<p class='letterdiv'>nihao17</p>
						</li>
						<li>
							<div class='corporationdiv'>
								<a href="">
									<img src="http://img1.tuniucdn.com/u/v1/common/footer/img/lvyouju/Liuzhou.jpg">
								</a>
							</div>
							<p class='letterdiv'>nihao18</p>
						</li>
						<li>
							<div class='corporationdiv'>
								<a href="">
									<img src="http://img1.tuniucdn.com/u/v1/common/footer/img/lvyouju/Liuzhou.jpg">
								</a>
							</div>
							<p class='letterdiv'>nihao19</p>
						</li>
						<li>
							<div class='corporationdiv'>
								<a href="">
									<img src="http://img1.tuniucdn.com/u/v1/common/footer/img/lvyouju/Liuzhou.jpg">
								</a>
							</div>
							<p class='letterdiv'>nihao20</p>
						</li>
						<li>
							<div class='corporationdiv'>
								<a href="">
									<img src="http://img1.tuniucdn.com/u/v1/common/footer/img/lvyouju/Liuzhou.jpg">
								</a>
							</div>
							<p class='letterdiv'>nihao21</p>
						</li>
						<li>
							<div class='corporationdiv'>
								<a href="">
									<img src="http://img1.tuniucdn.com/u/v1/common/footer/img/lvyouju/Liuzhou.jpg">
								</a>
							</div>
							<p class='letterdiv'>nihao22</p>
						</li>
						<li>
							<div class='corporationdiv'>
								<a href="">
									<img src="http://img1.tuniucdn.com/u/v1/common/footer/img/lvyouju/Liuzhou.jpg">
								</a>
							</div>
							<p class='letterdiv'>nihao23</p>
						</li>
						<li>
							<div class='corporationdiv'>
								<a href="">
									<img src="http://img1.tuniucdn.com/u/v1/common/footer/img/lvyouju/Liuzhou.jpg">
								</a>
							</div>
							<p class='letterdiv'>nihao255</p>
						</li>
						<li>
							<div class='corporationdiv'>
								<a href="">
									<img src="http://img1.tuniucdn.com/u/v1/common/footer/img/lvyouju/Liuzhou.jpg">
								</a>
							</div>
							<p class='letterdiv'>nihao</p>
						</li>
						<li>
							<div class='corporationdiv'>
								<a href="">
									<img src="http://img1.tuniucdn.com/u/v1/common/footer/img/lvyouju/Liuzhou.jpg">
								</a>
							</div>
							<p class='letterdiv'>nihao</p>
						</li>
						<li>
							<div class='corporationdiv'>
								<a href="">
									<img src="http://img1.tuniucdn.com/u/v1/common/footer/img/lvyouju/Liuzhou.jpg">
								</a>
							</div>
							<p class='letterdiv'>nihao</p>
						</li>
						<li>
							<div class='corporationdiv'>
								<a href="">
									<img src="http://img1.tuniucdn.com/u/v1/common/footer/img/lvyouju/Liuzhou.jpg">
								</a>
							</div>
							<p class='letterdiv'>nihao</p>
						</li>
						<li>
							<div class='corporationdiv'>
								<a href="">
									<img src="http://img1.tuniucdn.com/u/v1/common/footer/img/lvyouju/Liuzhou.jpg">
								</a>
							</div>
							<p class='letterdiv'>nihao</p>
						</li>
						<li>
							<div class='corporationdiv'>
								<a href="">
									<img src="http://img1.tuniucdn.com/u/v1/common/footer/img/lvyouju/Liuzhou.jpg">
								</a>
							</div>
							<p class='letterdiv'>nihao</p>
						</li>
						<li>
							<div class='corporationdiv'>
								<a href="">
									<img src="http://img1.tuniucdn.com/u/v1/common/footer/img/lvyouju/Liuzhou.jpg">
								</a>
							</div>
							<p class='letterdiv'>nihao</p>
						</li>
						<li>
							<div class='corporationdiv'>
								<a href="">
									<img src="http://img1.tuniucdn.com/u/v1/common/footer/img/lvyouju/Liuzhou.jpg">
								</a>
							</div>
							<p class='letterdiv'>nihao</p>
						</li>
						<li>
							<div class='corporationdiv'>
								<a href="">
									<img src="http://img1.tuniucdn.com/u/v1/common/footer/img/lvyouju/Liuzhou.jpg">
								</a>
							</div>
							<p class='letterdiv'>nihao</p>
						</li>
						<li>
							<div class='corporationdiv'>
								<a href="">
									<img src="http://img1.tuniucdn.com/u/v1/common/footer/img/lvyouju/Liuzhou.jpg">
								</a>
							</div>
							<p class='letterdiv'>nihao</p>
						</li>
						<li>
							<div class='corporationdiv'>
								<a href="">
									<img src="http://img1.tuniucdn.com/u/v1/common/footer/img/lvyouju/Liuzhou.jpg">
								</a>
							</div>
							<p class='letterdiv'>nihao</p>
						</li>
						<li>
							<div class='corporationdiv'>
								<a href="">
									<img src="http://img1.tuniucdn.com/u/v1/common/footer/img/lvyouju/Liuzhou.jpg">
								</a>
							</div>
							<p class='letterdiv'>nihao</p>
						</li>
						<li>
							<div class='corporationdiv'>
								<a href="">
									<img src="http://img1.tuniucdn.com/u/v1/common/footer/img/lvyouju/Liuzhou.jpg">
								</a>
							</div>
							<p class='letterdiv'>nihao</p>
						</li>
						<li>
							<div class='corporationdiv'>
								<a href="">
									<img src="http://img1.tuniucdn.com/u/v1/common/footer/img/lvyouju/Liuzhou.jpg">
								</a>
							</div>
							<p class='letterdiv'>nihao</p>
						</li>
						<li>
							<div class='corporationdiv'>
								<a href="">
									<img src="http://img1.tuniucdn.com/u/v1/common/footer/img/lvyouju/Liuzhou.jpg">
								</a>
							</div>
							<p class='letterdiv'>nihao</p>
						</li>
						<li>
							<div class='corporationdiv'>
								<a href="">
									<img src="http://img1.tuniucdn.com/u/v1/common/footer/img/lvyouju/Liuzhou.jpg">
								</a>
							</div>
							<p class='letterdiv'>nihao</p>
						</li>
						<li>
							<div class='corporationdiv'>
								<a href="">
									<img src="http://img1.tuniucdn.com/u/v1/common/footer/img/lvyouju/Liuzhou.jpg">
								</a>
							</div>
							<p class='letterdiv'>nihao</p>
						</li>
						<li>
							<div class='corporationdiv'>
								<a href="">
									<img src="http://img1.tuniucdn.com/u/v1/common/footer/img/lvyouju/Liuzhou.jpg">
								</a>
							</div>
							<p class='letterdiv'>nihao</p>
						</li>
						<li>
							<div class='corporationdiv'>
								<a href="">
									<img src="http://img1.tuniucdn.com/u/v1/common/footer/img/lvyouju/Liuzhou.jpg">
								</a>
							</div>
							<p class='letterdiv'>nihao</p>
						</li>
						<li>
							<div class='corporationdiv'>
								<a href="">
									<img src="http://img1.tuniucdn.com/u/v1/common/footer/img/lvyouju/Liuzhou.jpg">
								</a>
							</div>
							<p class='letterdiv'>nihao</p>
						</li>
						<li>
							<div class='corporationdiv'>
								<a href="">
									<img src="http://img1.tuniucdn.com/u/v1/common/footer/img/lvyouju/Liuzhou.jpg">
								</a>
							</div>
							<p class='letterdiv'>nihao</p>
						</li>
						<li>
							<div class='corporationdiv'>
								<a href="">
									<img src="http://img1.tuniucdn.com/u/v1/common/footer/img/lvyouju/Liuzhou.jpg">
								</a>
							</div>
							<p class='letterdiv'>nihao</p>
						</li>
						<li>
							<div class='corporationdiv'>
								<a href="">
									<img src="http://img1.tuniucdn.com/u/v1/common/footer/img/lvyouju/Liuzhou.jpg">
								</a>
							</div>
							<p class='letterdiv'>nihao</p>
						</li>
						<li>
							<div class='corporationdiv'>
								<a href="">
									<img src="http://img1.tuniucdn.com/u/v1/common/footer/img/lvyouju/Liuzhou.jpg">
								</a>
							</div>
							<p class='letterdiv'>nihao</p>
						</li>
						<li>
							<div class='corporationdiv'>
								<a href="">
									<img src="http://img1.tuniucdn.com/u/v1/common/footer/img/lvyouju/Liuzhou.jpg">
								</a>
							</div>
							<p class='letterdiv'>nihao</p>
						</li>
						<li>
							<div class='corporationdiv'>
								<a href="">
									<img src="http://img1.tuniucdn.com/u/v1/common/footer/img/lvyouju/Liuzhou.jpg">
								</a>
							</div>
							<p class='letterdiv'>nihao</p>
						</li>
						<!-- <li>45</li>
						<li>46</li>
						<li>47</li> -->
					</ul>
				</div>
			</div>
		</div>

		<div class='three_trav'>
			<div class='thr_trav'>
				<a href="">
					<div style='width:80%;height:100%;float:left;'>
						<span style='width:33%;text-align:center;color:#fff;height:100%;float:left;line-height:62px;font-size:2em;'>阳光价格</span>
						<span style='width:33%;text-align:center;color:#fff;height:100%;float:left;line-height:62px;font-size:2em;'>阳光服务</span>
						<span style='width:33%;text-align:center;color:#fff;height:100%;float:left;line-height:62px;font-size:2em;'>阳光行程</span>
					</div>
					<div style='width:20%;height:100%;float:left;'>
						<div style='width:100%;height:50%;line-height:31px;color:#fff;'>联系电话</div>
						<div style='width:100%;height:50%;line-height:31px;color:#fff;'>18710489712</div>
					</div>
				</a>
			</div>
		</div>
	</div>
	<script type="text/javascript">
		$(function(){
			$('.goodsspan').on('click',function(){
				if(!$('.allgoodshow').is(':visible')){
					$('.allgoodshow').show();
					$('.updownshow').css({'background':'red'});
				}else{
					$('.allgoodshow').hide();
					$('.updownshow').css({'background':'green'});
				}
			});


			$('.type_s').on('click',function(){
				$('.allgoodshow').hide();
				$('.goodsspan').html($(this).html());
				$('.updownshow').css({'background':'green'});
			})

			// 移除导航栏或者移除下面的具体提示
			var $shifou=0;

			$('.hasSubNav').on('mouseover',function(){
				if(!$(this).children('.hasSubNavdiv').is(':visible')){
					$(this).children('.hasSubNavdiv').show();
					$(this).children('.hasSubNavdiv a').show();
					$(this).siblings().children('.hasSubNavdiv').hide();
					$(this).siblings().children('.hasSubNavdiv a').hide();
					$shifou=1;
				}
			})

			$('.hasSubNav').on('mouseout',function(){
				$(this).children('.hasSubNavdiv').hide();
				$(this).children('.hasSubNavdiv a').hide();
			});

			$('.goodshowli').on('mouseover',function(){
				var indexli=$(this).index();
				$('.goodshowcontent:eq('+indexli+')').css({'display':'block'}).siblings().css({'display':'none'});
			})
		})

		var istopnumber=1;
		function footinter(){
			var ulposition=$('.tourism_list').css('top').substr(0,$('.tourism_list').css('top').length-2);
			var ulpositionMax=$('.tourism_list').height();
			var ulpositionli=$('.tourism_list li').height();
			var ulposi=-(ulpositionMax-ulpositionli);
			
			if(istopnumber){
				if(ulposition<=0&&ulposition>ulposi){
					ulposition-=10;
					if(ulposition%90==0){
						clearInterval(footinterval);
						setTimeout(function(){
							footinterval=setInterval(footinter,100);
						},2000)
					}
					$('.tourism_list').css({'top':(ulposition)+'px'});
				}
				if(ulposition==-(ulpositionMax-ulpositionli)){
					istopnumber=0;
					clearInterval(footinterval);
				}
			}else{
				ulposition=0;
				$('.tourism_list').css({'top':(ulposition)+'px'});
				istopnumber=1;
				clearInterval(footinterval);
				setTimeout(footinteraa,2000);	
			}		
		}
		setTimeout(footinteraa,2000);
		function footinteraa(){
			footinterval=setInterval(footinter,100);
		}
		// var 


		function testfunc(){
			ulposi=-450;
			var aaa=setInterval(function(){
						// console.log(typeof ulposition)
				ulposi+=30;
				$('.tourism_list').css({'top':(ulposi)+'px'});
				if(ulposi==0){
					// console.log('hahah');
					clearInterval(aaa);
				}
			},1000)
		}
	</script>
</body>
</html>